/* 
Copyright 2006 Blizzard Entertainment, Inc.
forums.worldofwarcraft.com Master CSS 
*/


/*\ Basic Tags \*/
/*_________________________________________________________________________*/

body { font: 12px Arial, Helvetica, sans-serif; margin: 0px; padding: 0; color: #ccc; }
/*span { color: #ccc; }
.message-format span { color: #00c0ff; }*/
.message-format { color: #ccc; }
q:before, q:after {content: "";}
span.grey { color: #a0a1a3; }
span.lite { color: #f0e7be; }
small { color: #d7Cea4; font-size: 11px; }
small.gold { color: #c4c4c4; }
b { font-weight: bold; }
b.white { color: white; }
span.red { color: red; }	
span.blue { color: #00c0ff;/*color: #ccc;*/ }
span.blue b { color: white; }
span.mvp { color:#5df644;/*color: #00c0ff;*/ }
h1, h2, h3, h4, h5 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin:0; padding:0; }
h1 { text-align: left; font-size: 12px; margin: 0; padding: 0; color: #ccc; }
h2 { font-size: 18px; color: white; font-weight: normal; }
h1.races { color: #ff9900; padding: 10px; font: normal 18px Georgia, 'Times New Roman', Times, serif; }
img.cap { margin: 0 5px 3px 0; }
p.warning { margin-left: 5px; padding-top: 5px; }
ul.thread { margin-left: 22px; }
.clear { clear: both; height: 15px; }
.filter { text-decoration: none; font-size: 11px; }
.button { text-decoration: none; }
small.white	{ color: #fff; font-size: 8pt; }
span.white { color: #fff; font-size: 12px; }
span.highlight { color:#000; background-color: #ffd214; font-weight: bold; font-style: italic;  }
small { color: #fff; font-size: 8pt; }
small.smallBold { color: #fff; font-size: 8pt; font-weight: bold; }


/*\ Hyperlinks \*/
/*_________________________________________________________________________*/

a:link, a:active { color: #ffb019; font-weight: bold; } 
a:visited { color: #d38d01; font-weight: bold; }
a:hover { color: white; }
a.active:link { color: #ffb019; font-weight: bold; }
a.active:active	{ color: #ff0000; font-weight: bold; }
a.active:visited { color: #ffb019; font-weight: bold; }
a.active:hover { color: #fff; }
a.visited:link { color: #b1b1b1; font-weight: bold; }
a.visited:active { color: #ff0000; font-weight: bold; }
a.visited:visited { color: #b1b1b1; font-weight: bold; }
a.visited:hover	{ color: #fff; }
a.index:link, a.index:active, a.index:visited { color: #ccc; text-decoration: none; }
a.index:hover { color: white; }
a.current { font-size: 12px; color: white; text-decoration: none;}
.character-select a, .character-select a:active, .character-select a:visited { font-weight: normal; }
a.nav:link, a.nav:visited, a.nav:active { font: normal 11px arial,verdana, sans-serif; color: #cba300; }
a.nav:hover { color: #fff; }	
a.subMenuLink, a.subMenuLink:link, a.subMenuLink:visited { color: white; font-weight:normal; text-decoration: none; font-family:arial,comic sans ms,technical; font-size: 11px; display:block;}
a.subMenuLink img {border-style:none;}

/*\ Form Elements \*/
/*_________________________________________________________________________*/

form { margin: 0; padding: 0; }
input, textarea { background: #0d1a2d; border: 1px solid #7f7f7f; color: #ffac04; }
input { background: #0d1a2d url('{T_IMAGESET_PATH}/forum-menu-search-tile.gif') repeat-x; }
select { background: #0d1a2d; color: #ffac04; font-size: 11px; }
input.button { background: transparent; border-style: none; }
select.gray { background-color: #040d1a; color: #ffac04; }
select.forum-dropdown { display:inline; width: 185px; margin-left: 10px; }
input.post-subject-field, textarea.post-message-text, textarea.options-signature-text { font: 12px Arial, Helvetica, sans-serif; color: white; }
input.post-subject-field, input.login-account-field, input.login-password-field, input.options-email-field, input.options-talent-field { background: #0d1a2d url('{T_IMAGESET_PATH}/forum-menu-search-tile.gif') repeat-x; padding: 2px 0 2px 4px; }
textarea.post-message-text, textarea.options-signature-text { background: #0d1a2d url('{T_IMAGESET_PATH}/post-textarea-bg.gif') repeat-x 0 0; }
input.quick-search-field { width: 138px; margin-right: 2px; padding: 1px 0 1px 4px; }
input.post-subject-field { width: 245px; margin: 58px 0 0 44px; }
input.post-login-field { width: 245px; margin: 35px 0 0 44px; }
textarea.post-message-text { width: 584px; margin: 19px 0 0 19px; height: 238px;  padding: 10px; }
input.login-account-field, input.login-password-field  { width: 170px; margin: 28px 0 0 35px; }
input.login-password-field { margin: 31px 0 0 35px; }
input.options-email-field { width: 170px; margin: 14px 0 0 62px; }
input.options-talent-field { width: 290px; margin: 14px 0 0 32px; }
select.options-timezone { width: 314px; margin: 15px 0 0 35px; background: #0d1a2d; }
textarea.options-signature-text { width: 584px; margin: 19px 0 0 19px; height: 90px; padding: 10px; }
optgroup { text-align:center; }


/*\ Header Styles \*/
/*_________________________________________________________________________*/

#header, .logo-container, .logo-right, .gryph-container, .gryph-z, #main-nav { display: block; }
#header { width: auto; min-width: 775px; height: 92px; }
.logo-container, .logo-right { width: 732px; height: 92px; }
.logo-container { margin: 0 auto; }
.logo-right { position: relative; z-index: 20; }
h1.wow-logo { position: absolute; top: 1px; left: 235px; margin: 0; padding: 0; width: 262px; height: 142px; }
a.ielink { display:block;z-index:99999;width:262px;height:142px;top:0; left: 235px;position:absolute; }
.gryph-container { position: relative; width: 100%; min-width: 775px; z-index: 4020; }
.gryph-z { position: relative; z-index: 5020; }
span.left-gryphon, span.right-gryphon { position: absolute; top: -92px; width: 115px; height: 92px; }
span.left-gryphon { left: 0px; }
span.right-gryphon { right: 0px;background-position:100% 0 !important }
#main-nav { position: relative; width: 100%; height: 48px; min-width: 775px; background: none; margin-top: -1px; margin-bottom: 11px; display:none;}
#main-nav div.left { position: relative; width: 100%; height: 65px; min-width: 775px; background: url('{T_IMAGESET_PATH}/subnav/navbar-left.gif') no-repeat 0 0; }
#main-nav div.left div.right { position: relative; width: 100%; height: 65px; min-width: 775px; background: url('{T_IMAGESET_PATH}/subnav/navbar-right.gif') no-repeat right; }				
#main-nav div.left div.right div.nav { width: 100%; text-align: center; margin: 0 auto; padding: 16px 0 0 0; }			
#main-nav div.left div.right div.nav div.minwidth { width: 775px; min-width: 775px; text-align: center; margin: 0 auto; }
#main-nav div.left div.right div.nav div.minwidth-search { width: 900px; min-width: 900px; text-align: center; margin: 0 auto; }
#style-switcher { position: relative;margin:0 auto; width: 100%; min-width: 775px;width:775px; z-index: 2020; }
.switcher-container { position: absolute; top: -50px; right: 70px; }
.language-switcher-container { position: absolute; top: -50px !important; right:0px !important; }
.language-selector {padding:0 0 0 15px;}
h1.theme-title { height: 25px; width: 111px; margin: 0; padding: 0; }
h1.language-title { height: 25px; width: 111px; margin: 0; padding: 0;}
#style-switcher ul { display: block; list-style: none; margin: 0; padding: 0 0 0 20px; height: 25px; width: 108px; }
li.alliance { display: block; float: left; background: url('{T_IMAGESET_PATH}/toggle-alliance0.gif') no-repeat; height: 25px; width: 32px; }
li.horde { display: block; float: left; background: url('{T_IMAGESET_PATH}/toggle-horde0.gif') no-repeat; height: 25px; width: 31px; }
li.bc { display: block; float: left; background: url('{T_IMAGESET_PATH}/toggle-bc0.gif') no-repeat 0 -1px; height: 25px; width: 28px; }
/*li.xmas { display: block; float: left; background: url('{T_IMAGESET_PATH}/toggle-xmas1.gif') no-repeat 0 -1px; height: 25px; width: 28px; }*/
.bg-theme { height: 170px; }
#postbackground { width: 100%; display: table; clear: left; }
#postbackground .right { padding: 5px; }


/*\ Navigation \*/
/*_________________________________________________________________________*/

.subnav-container { text-align: center; background: url('{T_IMAGESET_PATH}/back2.png'); }
.top-shadow { background: url('{T_IMAGESET_PATH}/subnav/bg-shadow-tile-top.png'); height: 8px; width: 100%; margin-top: -1px;margin-bottom: -8px; }
.drop-shadow { background: url('{T_IMAGESET_PATH}/subnav/bg-shadow-tile.png'); height: 8px; width: 100%; margin-bottom: -9px;}
.navigation { position: absolute; top:91px;	z-index:2; }
.button	{ color:#FFFFFF; font-size:9px;	letter-spacing:-1px; }		

/*\ Gold Border Container \*/
/*_________________________________________________________________________*/

.border, .border .im3, .border .im6, .border .im8, .border ul { text-align:left; width: 100%; margin: 0px; padding: 0; }
.border ul { list-style: none; }
.border { background: url('{T_IMAGESET_PATH}/back.png') repeat 0 0; }
/*.gborder ul { background: url('{T_IMAGESET_PATH}/border-left.gif') repeat-y left; }
.gborder ul li.bg { background: url('{T_IMAGESET_PATH}/border-right.gif') repeat-y right; }
.gborder ul li div.a { background: url('{T_IMAGESET_PATH}/border-top.gif') repeat-x top; }
.gborder ul li div.a ul { background: url('{T_IMAGESET_PATH}/border-bot.gif') repeat-x bottom; }
.gborder ul li div.a ul li.bg { background: url('{T_IMAGESET_PATH}/border-top-left.gif') no-repeat top left; }
.gborder ul li div.a ul li div.b { background: url('{T_IMAGESET_PATH}/border-top-right.gif') no-repeat top right; }
.gborder ul li div.a ul li div.b ul { background: url('{T_IMAGESET_PATH}/border-bot-left.gif') no-repeat bottom left; }
.gborder ul li div.a ul li div.b ul li.bg { background: url('{T_IMAGESET_PATH}/border-bot-right.gif') no-repeat bottom right; }
.gborder ul li div.a ul li div.b ul li div.c { padding: 20px 0 45px 0; text-align: left; }
.gborder ul li div.a ul li div.b ul li div.c ul { margin: 0; background: none; }
.gborder ul li div.a ul li div.b ul li div.c ul li { padding: 9px 0 0 15px; background: url('{T_IMAGESET_PATH}/square.gif') no-repeat 0 8px; }*/
  
  
/*\ Forum Lists \*/
/*_________________________________________________________________________*/

.message-format ul { list-style: disc; }
.message-format ul li { list-style: disc; display: list-item; }
.message-format li { /*list-style: disc;*/ margin: 0; padding: 0; display: list-item; }
#forumHead .list {  background-position:0 16px !important }
#forumlistcontainer { width: 98%; }
#forumlistcontainer .left { float: left; width: 50%; border: 1px solid transparent;}
#forumlistcontainer .right { float: right; width: 49%; border: 1px solid transparent;}
#forumlistcontainer ol { list-style: none; margin: 0; padding: 0; text-align: left; clear: both; }
#forumlistcontainer ol li.a { display: block; padding: 5px 10px 10px 10px; height: 60px; background: none !important;  }
#forumlistcontainer ol li.a img { margin: 0 5px 20px 0; }
#forumlistcontainer ol li.b { display: block; padding: 5px 10px 0 10px; background: none; }
#forumlistcontainer ol li.c, #forumlistcontainer ol li.c2 { float: left; padding: 10px 0; margin: 0; height: 40px; }
#forumlistcontainer ol li.c { width: 45px; text-align: center;background:none !important }
#forumlistcontainer ol li.c2 { width: 440px; background-image: none; }
#forumlistcontainer ol li.classes { background: url('{T_IMAGESET_PATH}/forumbullets/bullet.gif') no-repeat 0 10px; }
#forumlistcontainer ol:after { clear: left; height: 1px; content: " "; display: block; }

div.display-margin {  }
.avatar-nav { width: 500px; height: 27px; position: relative; display: block; margin-top: 20px; }
.avatar-nav span { font-size: 11px; }
.avatar-nav ol { list-style: none; margin: 0; padding: 0; }
.avatar-nav ol li { position: absolute; top: 0px; width: 104px; height: 21px; background: url('{T_IMAGESET_PATH}/tab-nf.gif') no-repeat top right !important; padding: 5px 0 0 0; text-align: center; }
.avatar-nav ol li.selected { background: url('{T_IMAGESET_PATH}/tab-f.gif') no-repeat top right !important; z-index: 90; height: 28px; }
.avatar-nav ol li.selected a, #avatar-nav ol li.selected a:active, #avatar-nav ol li.selected a:visited { color: white; } 
.avatar-nav ol li.tab-one { right: -10px; }
.avatar-nav ol li.tab-two { right: 90px; }
.avatar-nav ol li.tab-three { right: 190px; }
.avatar-nav ol li.tab-four { right: 290px; }
.avatar-nav ol li.tab-four span strong {color:grey}
.avatar-nav span.grey { color: #666666; }
.avatar-nav a, #avatar-nav a:visited, #avatar-nav a:active { text-decoration: none; }
.avatar-nav a:hover { color: white; text-decoration: none; }
.list-avatars { width: 500px; border: 1px solid #424242; background: black; padding: 7px; }
.list-avatars h1 { color: #FF9900; padding: 10px; font-size: 18px; font-family: Georgia, 'Times New Roman', Times, serif; font-weight: normal; }
.list-avatars ol { margin: 0; padding: 0; list-style: none; clear: both; }
.list-avatars ol li { float: left; display: block; width: 80px; height: 81px; background: url('{T_IMAGESET_PATH}/framebg2.gif') no-repeat !important; text-align: center; padding: 8px 0 0 0 !important; margin: 20px }
.list-avatars p { margin: 5px 0 0 0; font-size: 11px; }
#classforumlist { position: relative; clear: both; margin-left: 30px; background: transparent; }
#classforumlist table { width: 90%; margin: 10px 0 10px 0; background: transparent; }
#classforumlist td { padding: 4px; background: transparent; }
#fcontainer { background: none; padding: 5px 0; }
#fcontainer ol { background: none; }
#fcontainer ol li { background: none; }
ol.rlist { list-style: disc; color: #ccc; }
.subtext { font: 11px/14px "Trebuchet MS", Arial, Helvetics, sans-serif; color: #b3904c; line-height: 20px;}


/*\ Tooltips \*/
/*_________________________________________________________________________*/

#contents { visibility: hidden; position: absolute; z-index: 9999999; width: 5px; background: url('{T_IMAGESET_PATH}/blue-bg.png'); }
#dynamicTooltip { visibility: hidden; position: absolute; z-index: 999999; }
#tooltipText { visibility: hidden; color: #fff; font-family: verdana, arial, sans-serif; font-size:8pt; font-weight:normal; padding: 4px; white-space:nowrap; }
.trans_div { /* This is an IE filter command. Other browsers will ignore it */
/* It goes into the trans_div class */ }
/* Square bracketed class styles are usable non-IE type browsers */
/* This is a seperate css entry, not part of the original trans_div class */
.trans_div[class] { background-image:url({T_IMAGESET_PATH}/blue-bg.png); }
.miniText {font-size: 12px; font-style: italic;}

.email { top: 105px; left: 430px; width: 265px; }
.timezones { top: 165px; left: 430px; width: 265px; }
.talents { top: 225px; left: 430px; width: 265px; }
.signatures { top: 375px; left: 50px; width: 418px; }

.tooltips { position: relative; z-index: 100099900; }
.tt-header{ position: relative; z-index: 100099999; }
.tt-header em { position: absolute; top: 0; left: -7px; height: 25px; width: 95px; background: url('{T_IMAGESET_PATH}/tooltip-alert.png') no-repeat 0 0; }
.tt-header em span { display: none; }
.tt-header em img { margin: 0 0 0 20px; }
.tooltips-container { position: absolute; }
.tooltips-container span {white-space:nowrap}
.tooltips-container table { padding: 0; border: 0; border-collapse: collapse; }
.tooltips-container td { padding: 0; }
td.tt1 { width: 12px; height: 11px; background: url('{T_IMAGESET_PATH}/tooltip-top-left.png') no-repeat; }
td.tt2 { height: 11px; background: url('{T_IMAGESET_PATH}/tooltip-top.png') repeat-x 0 0; }
td.tt3 { width: 12px; height: 11px; background: url('{T_IMAGESET_PATH}/tooltip-top-right.png') no-repeat; }
td.tt4 { width: 12px; background: url('{T_IMAGESET_PATH}/tooltip-left.png') repeat-y; }
td.tt5 { background: url('{T_IMAGESET_PATH}/tooltip-back.png') repeat; }
td.tt6 { width: 12px; background: url('{T_IMAGESET_PATH}/tooltip-right.png') repeat-y; }
td.tt7 { width: 12px; height: 11px; background: url('{T_IMAGESET_PATH}/tooltip-bot-left.png') no-repeat; }
td.tt8 { height: 11px; background: url('{T_IMAGESET_PATH}/tooltip-bot.png') repeat-x 0 0; }
td.tt9 { width: 12px; height: 11px; background: url('{T_IMAGESET_PATH}/tooltip-bot-right.png') no-repeat; }
.tt-content { display: block; padding: 2px; color: #878787; font: 11px/12px "Trebuchet MS", Verdana, sans-serif; }
.tt-content strong { color: white; }
.tt-content a, .tt-content a:active, .tt-content a:visited { font-weight: normal; }


/*\ Error Handling \*/
/*_________________________________________________________________________*/

#topic-notice { position: relative; display: block; clear: both; width: 2px; height: 1px; background: red; font-size: 1px; }
.topic-notice-container { position: absolute; top: -40px; left: -50px; width: 38px; height: 26px; background: url('{T_IMAGESET_PATH}/icons/topic-limit-bg.gif') no-repeat; }
.topic-notice-container h3 { margin: 6px 7px 0 0px; padding: 0; color: white; font-weight: bold; font-size: 11px; }
.topic-tooltip { position: absolute; top: -40px; left: -50px; width: 38px; height: 26px; }
.error-message { position: absolute; display: block; z-index: 200; display: block; }
#error-container { display: block; white-space: nowrap; width: 100%; }
#error-container div.arrow { display: block; position: absolute; height: 13px; width: 13px; top: 2px; left: -10px; background: url('{T_IMAGESET_PATH}/icons/arrow-left.gif') no-repeat top left; }
#error-container div.red-container { display: block; background: red; padding: 0px 20px 0px 5px; border: 1px solid black; }
#error-container span { font-weight: bold; color: white; font-size: 11px; background: url('{T_IMAGESET_PATH}/icons/error-tiny2.gif') no-repeat 0 0; padding-left: 15px; }
.error-mini[class] { position: relative; width: inherit;  }
.error-mini { position: relative; width: inherit; width: 1px; z-index: 999; }
.c h2 { margin-top: 15px; font-family: Georgia, "Times New Roman", Times, serif; }
.c { line-height: 140%; }
span.emph { font-weight: bold; color: #00c0ff; border-bottom: 1px dotted white; }
p.inset { display: block; width: 87%; padding: 20px; margin: 0 auto; text-align: center; }
.redirect b { display: none; }
img.poll-alert { position: relative; top: 10px; left: -5px; margin: -15px 5px 0 0;  }
.er { position: absolute !important; z-index: 9089; right: 7%; top:0px; width:30%; }
.er .poll-content { color: red !important; }


/*\ Footer Styles \*/
/*_________________________________________________________________________*/

#ftrText { margin: 20px auto; text-align: center; min-width: 775px; width: 100%; clear: both; }
#ftrText .width, #footerShell, #footerShell .logo { text-align: center; margin: 0 auto; }
#ftrText .width { width: 775px; }
#footerShell { width: 100%; height: 46px; }					
#footerShell .logo { min-width: 775px; width: 775px; }
.forum-footer {clear:both}

/*\ Misc \*/
/*_________________________________________________________________________*/
wbr:after { content: "\00200B" }
.pleaselogin {text-align:center; font:bold 11px Arial, Helvetica, sans-serif; padding:0 14px 0 10px; text-transform:uppercase; color:#ff0000;}
.pleaselogin a {color:#ff0000;}